<template>
    <div class="submit">
        <button v-null="{ form, yes }">{{ text }}</button>
    </div>
</template>
<script>
export default ({
    props: {
        text: {
            type: String,
        },
        form: {
            type: Object,
            default: function () {
                return {}
            }
        },
    },
    data() {
        return {

        }
    },
    methods: {
        yes(title) {
            this.$emit('yes', title)
        },
    },
})
</script>
<style lang="scss" scoped>
@function r($v) {
    @return $v / (390 /10rem)
}

.submit {
    padding: r(18) r(12);

    button {
        height: r(50);
        width: 100%;
        background-color: #FF4A6A;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: r(18);
        border-radius: r(25);
    }
}
</style>